<template>
  <a-card :hoverable="true" title="新手任务">
    <h3>创建店铺</h3>
    <p>注册有赞账号，并成功创建店铺，即算完成任务</p>
    <a-row type="flex" justify="space-between" align="bottom">
      <a-col :span="4">
        <p class="height-100">奖励：+5 有赞币</p>
      </a-col>
      <a-col :span="4" align="right">
        <p class="height-80">
          <a-button>查看教程</a-button>
          <a-button type="primary">领取奖励</a-button>
        </p>
      </a-col>
    </a-row>
  </a-card>
</template>

<script>
import { defineComponent } from 'vue'

export default defineComponent({
  setup() {
    return {}
  },
})
</script>

<style></style>
